<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>深大水果姐姐</title>
<link rel="stylesheet" href="css/jquery.mobile-1.3.2.min.css">
<link rel="stylesheet" href="css/wechat.css">
<script src="js/jquery.min.js"></script>
<script src="js/jquery.mobile-1.3.2.min.js"></script>
<script src="js/wechat_new.js"></script>
</head>
<body>
<div id="cartPage" data-role="page" data-dom-cache="true">
		<script type="text/javascript">
			$(document).on("pagebeforeshow", "#cartPage", function(event) {
				cartDetailGet();//参数从全局变量里面获取,用户ID，商品ID数组
				//$("#delivery-popup").popup("open");
			});
		</script>
    <div data-role="header" data-position="fixed">
		<h1>购物车</h1>

    </div><!-- /header -->

    <div data-role="content">
	<div id="cart-items">
<!-- <div style="border: 1px solid #ccc"></div> -->
		<div id="in-tuan-items">
			<div class="item" name="tutetuan"><input id="priceofid14" type="hidden" value="28"><img src="/maicai/upload/054e5be41beff26cf5790ac77bf02db0.jpg">
			<div class="info" name="tutetuan">
				<span style="font-size:14px;">海子张虫草鸡蛋(10只)&nbsp;&nbsp;28元 (09月11日 周三配送)</span>
				<span style="font-size:14px;">5元1盒</span>
				<a name="14" class="item-remove delete" style="margin-top:5px">删除</a>
				<div style="margin-top:5px;">
				<a name="numberofid14" class="minus" data-role="button" data-inline="true">-</a>&nbsp;&nbsp;
				<label style="display:inline-block" id="numberofid14">1</label>&nbsp;&nbsp;
				<a name="numberofid14" class="plus" data-role="button" data-inline="true">+</a>
				</div>
			</div>
			<div class="border"></div>
			</div>
			<div class="item" name="tutetuan"><input id="priceofid18" type="hidden" value="120"><img src="/maicai/upload/1a594764396bbfc1756e6f76958fb87f.jpg">
			<div class="info" name="tutetuan">
				<span style="font-size:14px;">南岭农场老母鸡&nbsp;&nbsp;120元 (09月12日 周四配送)</span>
				<span style="font-size:14px;">5元1盒</span>
				<a name="18" class="item-remove delete" style="margin-top:5px">删除</a>
				<span style="margin-top:5px;">
				<button name="numberofid18" class="minus" data-inline="true">-</button>&nbsp;&nbsp;
				<label style="display:inline-block" id="numberofid18">1</label>&nbsp;&nbsp;
				<button name="numberofid18" class="plus" data-inline="true">+</button>
				</span>
			</div>
			<div class="border"></div>
			</div>
		</div>
		<div id="amount_2" class="amount" style="height:20px">
			<span class="total" style="float:right">
				合计:<span id="tuan-all"></span>元
			</span>
		</div>
		<div class="location">
			<div data-role="fieldcontain">
				<label for="delivery-time" class="ui-rel-cate">配送时间<span style="font-size: 13px">(请在配送时间段开始的前半小时下单)</span></label>
				<select id="delivery-time" data-mini="true">
				   <option value="0" selected="selected" disabled="disabled">请选择可配送时间</option>
				   <option value="1">19-20点</option>
				   <option value="2">20-21点</option>
				   <option value="3">22-23点</option>
				   <!-- <option value="4">23-24点</option> -->
				</select>
			</div>		
			<label>配送信息&nbsp;<span style="font-size: 13px">(目前支持深圳大学区域)</span></label><br>
			<span id="cart-name" class="customer-name">姓名
			</span>(<span id="cart-phone" class="customer-phone">电话1111111111</span>) 
			<span id="cart-location" class="customer-location">深圳市南山区南海大道3688号
			</span>
			<a onclick="showPopup()" id="modify" data-role="button" class="modify" data-rel="popup"  data-position-to="window" data-transition="pop">修改配送信息</a>
			
			<div class="space"></div><br><br><br>
			<!-- <span>订单将于次日16:00~18:00之间配送到您的住址，注意留意你的电话哦</span> -->
		</div>
		<div class="submit">
			<!-- <button id="order-submit" class="btn btn-success">提交订单</button> -->
			<a id="order-submit" data-role="button" class="btn-success">提交订单</a>
		</div>
	</div>

	</div><!-- /content -->

	<div data-role="footer" data-id="foo1" data-position="fixed">
		<div data-role="navbar">
			<ul>
				<li><a href="index.html" data-transition="none">鲜果切</a></li>
				<li><a href="index2.html" data-transition="none">随心配</a></li>
				<li><a href="index3.html" data-transition="none">免洗果</a></li>
				<li><a href="index4.html" data-transition="none">组合餐</a></li>
			</ul>
		</div><!-- /navbar -->
	</div><!-- /footer -->
	
<!-- 配送信息dialog -->
	<div id="delivery-popup" data-role="popup" data-overlay-theme="a" class="ui-content ui-corner-all">
		<p id="register-msg" style="color: red;"></p>
		<div style="padding:10px 20px;">
		<h3>修改配送信息</h3>
		<p id="delivery-msg" style="color: red;"></p>
		<form>
	     	<input type="text" data-clear-btn="true" name="delivery-name" id="delivery-name" value="邓积运" placeholder="姓名">
		    <input type="tel" data-clear-btn="true" name="delivery-tel" id="delivery-tel" value="123" placeholder="手机号或深大短号">
	     	<input type="text" data-clear-btn="true" name="delivery-address" id="delivery-address" value="" placeholder="住址">
		</form>
		<a id="delivery-submit" href="#" onclick="updateDeliveryInfo()" data-role="button" class="btn-success">提交</a>       
		<a href="#" data-role="button" data-rel="back">取消</a>
		</div>
	</div>
	
</div><!-- /page -->	
</body>
</html>
